import 'package:flutter/material.dart';

import '../../../../model/ranktabitem.dart';

class TabItemWidget extends StatelessWidget {
  final TabItem data;
  TabItemWidget(this.data, {Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    var width = MediaQuery.of(context).size.width * 0.33 - 16;
    return Container(
      width: width,
      child: Center(
        child: Container(
            decoration: BoxDecoration(
                border: Border(
                    bottom: data.isChecked!
                        ? BorderSide(width: 1.0, color: Colors.blue.shade500)
                        : BorderSide.none)),
            child: Text(
              data.title!,
              style: TextStyle(
                color: data.isChecked! ? Colors.blue.shade500 : Colors.black,
              ),
            )),
      ),
    );
  }
}
